<template>
	<view>
		<view class="title">
			个人信息
		</view>
		<view class="tab">
			<!-- 姓名 -->
			<view class="list">
				<view class="text">姓名</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 年龄 -->
			<view class="list">
				<view class="text">年龄</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 身份证号 -->
			<view class="list">
				<view class="text">身份证号</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 籍贯 -->
			<view class="list">
				<view class="text">籍贯</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 当前居住地址 -->
			<view class="list">
				<view class="text">当前居住地址</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 联系电话 -->
			<view class="list">
				<view class="text">联系电话</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 身份证 -->
			<view class="list">
				<view class="text">身份证</view> <input style="width: 45%;" type="text" value="" placeholder="输入" /> <view class="submit"> 上传	
				</view>
			</view>
			<view class="list">
				<view class="image">
					<image class="img1" src="../../static/shop/1595657049599668876.jpg" mode=""></image>
					<image class="img1" src="../../static/shop/1595657049599668876.jpg" mode=""></image>
				</view>
			</view>
			<!-- 结婚证 -->
			<view class="list">
				<view class="text">结婚证</view> <view class="submit"> 上传	</view>
			</view>
			<view class="list">
				<view class="image">
					<image class="img1" src="../../static/shop/1595657049599668876.jpg" mode=""></image>
					<image class="img1" src="../../static/shop/1595657049599668876.jpg" mode=""></image>
				</view>
			</view>
			<!-- 离婚证 -->
			<view class="list">
				<view class="text">离婚证</view> <view class="submit"> 上传	</view>
			</view>
			<view class="list">
				<view class="image">
					<image class="img1" src="../../static/shop/1595657049599668876.jpg" mode=""></image>
					<image class="img1" src="../../static/shop/1595657049599668876.jpg" mode=""></image>
				</view>
			</view>
		</view>
		<!-- 工作信息 -->
		<view class="title">
			工作信息
		</view>
		<view class="tab">
			<!-- 工作单位 -->
			<view class="list">
				<view class="text">工作单位</view>  <input style="width: 45%;" type="text" value="" placeholder="输入" /> 
			</view>
			<!-- 月薪 -->
			<view class="list">
				<view class="text">月薪</view>  <input style="width: 45%;" type="text" value="" placeholder="输入" /> 
			</view>
			<!-- 是否交社保 -->
			<view class="list">
				<view class="text">是否交社保</view> <input style="width: 45%;" type="text" value="" placeholder="输入" /> 
			</view>
			<!-- 起始日期 -->
			<view class="list">
				<view class="text">起始日期</view>  <input style="width: 45%;" type="text" value="" placeholder="输入" /> 
			</view>
			<!-- 每月共计金额 -->
			<view class="list">
				<view class="text">每月共计金额</view>  <input style="width: 45%;" type="text" value="" placeholder="输入" /> 
			</view>
			<!-- 是否断交 -->
			<view class="list">
				<view class="text">是否断交</view>  <input style="width: 45%;" type="text" value="" placeholder="输入" /> 
			</view>
			<!-- 社保单 -->
			<view class="list">
				<view class="text">社保单</view> <input style="width: 45%;" type="text" value="" placeholder="输入" /> 
			</view>
			<view class="list">
				<view class="image">
					<image class="img1" src="../../static/shop/1595657049599668876.jpg" mode=""></image>
					<image class="img1" src="../../static/shop/1595657049599668876.jpg" mode=""></image>
				</view>
			</view>
			<!-- 是否交公积金 -->
			<view class="list">
				<view class="text">是否交公积金</view>  <input style="width: 45%;" type="text" value="" placeholder="输入" /> 
			</view>
			<!-- 起始日期 -->
			<view class="list">
				<view class="text">起始日期</view> <input style="width: 45%;" type="text" value="" placeholder="输入" /> 
			</view>
			<!-- 每月共计金额 -->
			<view class="list">
				<view class="text">每月共计金额</view> <input style="width: 45%;" type="text" value="" placeholder="输入" /> 
			</view>
		</view>
		<!-- 房产信息 -->
		<view class="title">
			房产信息
		</view>
		<view class="tab">
			<!-- 是否有产权房产 -->
			<view class="list">
				<view class="text">是否有产权房产</view> <input 	 type="text" value="" placeholder="输入" />
			</view>
			<!-- 产权房权地址 -->
			<view class="list">
				<view class="text">产权房权地址</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 小区房 -->
			<view class="list">
				<view class="text">小区房</view> <input  type="text" value="" placeholder="输入" />
			</view>
			<!-- 购买平方 -->
			<view class="list">
				<view class="text">购买平方</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 购买时间 -->
			<view class="list">
				<view class="text">购买时间</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 买进价 -->
			<view class="list">
				<view class="text">买进价</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 产权人姓名 -->
			<view class="list">
				<view class="text">产权人姓名</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 是否有户口 -->
			<view class="list">
				<view class="text">是否有户口</view> <input  type="text" value="" placeholder="输入" />
			</view>
			<!-- 是否有抵押和债务 -->
			<view class="list">
				<view class="text" style="line-height: 30rpx;">是否有抵押和债务</view> <input  type="text" value="" placeholder="输入" />
			</view>
			<!-- 自住或出租 -->
			<view class="list">
				<view class="text">自住或出租</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 家人是否知晓贷款 -->
			<view class="list">
				<view class="text" style="line-height: 30rpx;">家人是否知晓贷款</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 房产证 -->
			<view class="list">
				<view class="text">房产证</view> <view class="submit"> 上传	</view>
			</view>
			<view class="list">
				<view class="image">
					<image class="img1" src="../../static/shop/1595657049599668876.jpg" mode=""></image>
					<image class="img1" src="../../static/shop/1595657049599668876.jpg" mode=""></image>
				</view>
			</view>
		</view>
		<!-- 车辆信息 -->
		<view class="title">
			车辆信息
		</view>
		<view class="tab">
			<!-- 是否有汽车 -->
			<view class="list">
				<view class="text" style="line-height: 30rpx;">是否有汽车</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 车型 -->
			<view class="list">
				<view class="text" style="line-height: 30rpx;">车型</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 是否有汽车 -->
			<view class="list">
				<view class="text" style="line-height: 30rpx;">所在地区</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 是否有汽车 -->
			<view class="list">
				<view class="text" style="line-height: 30rpx;">首次上牌日期</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 是否有汽车 -->
			<view class="list">
				<view class="text" style="line-height: 30rpx;">里程</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 是否有汽车 -->
			<view class="list">
				<view class="text" style="line-height: 30rpx;">裸车买入价</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 是否有汽车 -->
			<view class="list">
				<view class="text" style="line-height: 30rpx;">是否有保单</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 是否有汽车 -->
			<view class="list">
				<view class="text" style="line-height: 30rpx;">是否有汽车</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 是否有汽车 -->
			<view class="list">
				<view class="text" style="line-height: 30rpx;">保险公司</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 是否有汽车 -->
			<view class="list">
				<view class="text" style="line-height: 30rpx;">车保费</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 是否有汽车 -->
			<view class="list">
				<view class="text" style="line-height: 30rpx;">公交年份</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 是否有汽车 -->
			<view class="list">
				<view class="text" style="line-height: 30rpx;">是否断交</view> <input type="text" value="" placeholder="输入" />
			</view>
			<!-- 行驶证 -->
			<view class="list">
				<view class="text">行驶证</view> <view class="submit"> 上传	</view>
			</view>
			<view class="list">
				<view class="image">
					<image class="img1" src="../../static/shop/1595657049599668876.jpg" mode=""></image>
					<image class="img1" src="../../static/shop/1595657049599668876.jpg" mode=""></image>
				</view>
			</view>
			<!-- 行驶证 -->
			<view class="list">
				<view class="text" style="line-height: 30rpx;">保单前五张后五张</view> <view class="submit"> 上传	</view>
			</view>
			<view class="list">
				<view class="image">
					<image class="img1" src="../../static/shop/1595657049599668876.jpg" mode=""></image>
					<image class="img1" src="../../static/shop/1595657049599668876.jpg" mode=""></image>
					<image class="img1" src="../../static/shop/1595657049599668876.jpg" mode=""></image>
					<image class="img1" src="../../static/shop/1595657049599668876.jpg" mode=""></image>
					<image class="img1" src="../../static/shop/1595657049599668876.jpg" mode=""></image>
					<image class="img1" src="../../static/shop/1595657049599668876.jpg" mode=""></image>
					<image class="img1" src="../../static/shop/1595657049599668876.jpg" mode=""></image>
				</view>
			</view>
		</view>
		<view class="btn"@click="btn">
			提交
		</view>
		<view class="span">
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			btn(){
				uni.navigateTo({
					url:'../../Home/hint/hint'
				})
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #F5F5F5;	
	}
	.title {
		width: 100%;
		height: 70rpx;
		background-color: #F5F5F5;
		color: rgba(153, 153, 153, 100);
		font-size: 28rpx;
		line-height: 70rpx;
		padding-left: 30rpx;
	}
	.tab{
		width: 90%;
		margin:auto;
		background-color: #fff;
		border-radius: 25rpx;
		padding-top: 10rpx;
		padding-bottom: 10rpx;
	.list {
		margin:20rpx auto;
		display: flex;
		
		.text{
			width: 30%;
			text-align: right;
			line-height: 60rpx;margin-right: 10rpx;
			font-size: 27rpx;
		}
		input{
			width: 65%;
			height: 60rpx;
			border: 1px solid rgba(220, 223, 230, 100);
			font-size: 28rpx;
			padding-left: 20rpx;
			border-radius: 8rpx;
		}
		.submit{
			margin-left: 20rpx;
			width: 100rpx;
			height: 56rpx;
			line-height: 56rpx;
			border-radius: 28rpx;
			background-color: rgba(255, 196, 91, 100);
			color: rgba(16, 16, 16, 100);
			font-size:28rpx;
			text-align: center;
			font-family: Arial;
			border: 2rpx solid rgba(255, 255, 255, 100);
		}
		.image{
			display: flex;
			flex-wrap: wrap;
			width: 80%;
			margin-left: 200rpx;
		}
		.img1{
			width: 145rpx;
			height: 120rpx;
			margin-left: 10rpx;
		}
	}
	}
	.btn{
		width:650rpx;
		height: 80rpx;
		margin:20rpx auto;
		background-color: #FF9500;
		color: #FFFFFF;
		font-size: 36rpx;
		text-align: center;
		line-height: 80rpx;
		border-radius: 50rpx;
	}
	.span{
		height: 20rpx;
	}
</style>
